<script setup lang="ts">
import { ref } from "vue";
import { onPageScroll } from "@dcloudio/uni-app";

const content = ref(`
<h2 class="text-base">一、榜单概述</h2>
<p>年度榜单的评选遵循严肃、专业、科学的评分体系，所有上榜律师均需经由企业客户推荐与背书，旨在评选出本年度“专业+商业”双优的行业标杆，以榜样的力量推动行业发展。</p>
<h2 class="text-base mt-4">二、评选原则</h2>
<p>榜单评选遵循“532”评分体系。所有上榜律师均需经由企业客户推荐与背书，以确保上榜律师具备出色的专业能力与良好的业界声誉。具体评分规则如下：</p>
<ol class="pl-0 list-inside">
  <li>客户推荐（50分）</li>
  <li>专委会投票（30分）</li>
  <li>平台调研（20分）</li>
</ol>
<h2 class="text-base mt-4">三、奖项设置与评选标准</h2>
<p>根据企业客户选聘律师的应用场景设置奖项，每个奖项下设有细分业务标签。按照客户选聘律师的以下五种情况:</p>
<ol class="pl-0 list-inside">
  <li>【高精尖业务】<br />客户尊选律师：在遇到重大、疑难复杂、小众、前沿的业务，需要找知名律所的资深合伙人。</li>
  <li>【常规性业务（专业维度）】<br /> 在处理常规业务时，需要找性价比高的律师;<br /> 客户首选律师：多位知名企业法总推荐的优秀律师<br /> 客户精选律师：多位知名企业法务及同行专委会推荐的优秀律师<br /> 客户优选律师：法总推荐的40岁以下的青年合伙人</li>
  <li>【咨询式业务(行业维度)】<br /> 客户智选律师：处理行业维度的咨询式业务时，最熟悉所在行业的优秀律师</li>
  <li>【属地化业务】<br /> 客户慧选律师：北上广深一线城市以外的当地头部律所的优秀律师</li>
  <li>【跨国型业务】<br /> 客户臻选律师：为中国企业出海提供服务的优秀律师。</li>
</ol>
<h2 class="text-base mt-4">四、评选流程</h2>
<p>提名阶段：通过小程序开放提名通道，允许企业客户、法总法务、律师同行或律师自荐提交材料。<br /> 初审阶段：组委会核实材料真实性，筛选符合基本条件的候选人。<br /> 评审阶段：由专委会、企业法总及平台市场调研等渠道综合评审，根据标准打分。<br /> 公示与发布：结果在小程序公示7天，无异议后正式发布年度榜单。</p>
<h2 class="text-base mt-4">五、注意事项</h2>
<p>参选律师需确保所提交资料真实有效，弄虚作假者将取消资格并记录。<br /> 细分业务标签将根据当年行业趋势动态调整，具体以申报时公布为准。<br /> 本规则最终解释权归名律堂所有。</p>
`)

const content2 = ref(`
<h2 class="text-base">一、评选定位</h2>
<p>本榜单旨在为企业法总法务提供一份真实、可用、有深度的选聘指南。我们坚信，一位优秀的律师，不仅是法律技术的专家，更是客户业务的伙伴。因此，评选不再局限于传统的专业荣誉，而是从法总的选聘与协作视角出发，重点关注律师在专业能力之上所展现出的服务意识、商业理解与协作精神。</p>
<h2 class="text-base mt-4">二、核心评审维度</h2>
<p>维度一：硬核专业力（专业能力的深度与广度）<br /> 领域专注度与前沿性<br /> 案例的代表性与成果<br /> 团队稳定性与承载力</p>
<p>维度二：卓越服务力（服务意识的感知与体验）<br /> 商业理解能力<br /> 响应效率与沟通能力<br /> 风险预见性与主动性<br /> 合作协同性</p>
<h2 class="text-base mt-4">三.评选流程</h2>
<p>申报初筛<br /> 数据验证与市场反馈（关键环节）<br /> 专委会评审<br /> 动态更新机制</p>
<h2 class="text-base mt-4">四.上榜价值</h2>
<p>对企业法总而言：<br /> 降低决策风险<br /> 提升合作效率</p>
<p>对律师/律所而言：<br /> 获得市场的认可<br /> 精准吸引理想客户</p>
<h2 class="text-base mt-4">五.常见问题</h2>
<p>Q1: 申报需要准备哪些材料？<br />A: 主要是基础信息、团队规模、营收情况、主要合作客户、客户所属行业等核心信息以及3个最具代表性的案例。</p>
<p>Q2: “服务意识”这种软性指标如何评估？<br />A: 我们通过案例描述（如“主动制作操作手册”、“提出创新性方案打破谈判僵局”等）并结合市场反馈进行综合判断。</p>
<p>Q3: 榜单多久发布一次？<br />A: 名律堂【中国法律先锋榜】为月度主题榜单，每月发布一个主题领域。</p>
<p>Q4: 信息会保密吗？<br />A: 是的。标注为“保密”的信息仅用于内部评审，不会对外公开。</p>

<p class="text-red">温馨提示： 关注“名律堂”官方公众号，获取最新申报截止日期与动态。</p>
`)

// 吸顶变色
const isScrolled = ref(false);
onPageScroll((e)=>{
  isScrolled.value = e.scrollTop > 0;
});
</script>

<template>
  <view class="wrap relative overflow-hidden">
    <page-navbar title="榜单规则" :isScrolled="isScrolled"></page-navbar>
    <!-- #ifdef H5 -->
    <view class="h-14"></view>
     <!-- #endif -->
    <view class="mx-4 mt-10 text-(center lg #333333) font-bold">【名律堂法总推荐中国律师/律所榜】</view>
    <image class="block mx-auto w-27 align-middle" src="https://static.minglvtang.com/images/rule_title.png" mode="widthFix" />
    <view class="mx-4 mt-5 p-3 text-(sm/6 #333333) text-justify">
      <rich-text :nodes="content"></rich-text>
    </view>

    <view class="mx-4 mt-10 text-(center lg #333333) font-bold">名律堂【中国法律先锋榜】</view>
    <image class="block mx-auto w-27 align-middle" src="https://static.minglvtang.com/images/rule_title.png" mode="widthFix" />
    <view class="mx-4 mt-5 p-3 text-(sm/6 #333333) text-justify">
      <rich-text :nodes="content2"></rich-text>
    </view>
  </view>
</template>

<style>
page {
  background: linear-gradient(155deg, #E5FEF9 0%, rgba(255, 255, 255, 0) 50%), linear-gradient(205deg, #FFFFE1 -5%, rgba(255, 255, 225, 0) 49%), #FFFFFF;
  background-repeat: no-repeat;
}
.wrap {
  background-image: url('https://static.minglvtang.com/images/jiangbei.png');
  background-position: -20px 0;
  background-size: 50%;
  background-repeat: no-repeat;
}
</style>
